<template>
  <van-tabbar v-model="actived" active-color="#ee0a24">
    <van-tabbar-item name="overview" icon="eye-o">{{ i18n('menu-overview') }}</van-tabbar-item>
    <van-tabbar-item name="avater" icon="friends-o">{{ i18n('menu-avater') }}</van-tabbar-item>
    <van-tabbar-item name="action" icon="video-o">{{ i18n('menu-action') }}</van-tabbar-item>
    <van-tabbar-item name="option" icon="setting-o">{{ i18n('menu-option') }}</van-tabbar-item>
  </van-tabbar>
</template>
 
<script>
module.exports = {
  data() {
    return {
    }
  },
  computed: {
    actived: {
      get() {
        return this.$store.state.activedView;
      },
      set(value) {
        this.$store.commit('changeView', value);
      }
    }
  },
  methods: {
    /** 获取多语言文本 */
    i18n(key) {
      return this.$store.getters.i18n(key);
    },
  },
};
</script>
